<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
    <style type="text/css">
	    
		li{display:inline-block;}
		img{float:left;}
		.ul{width:800px; height:200px;}
		.h1{height:50px;}
		li{margin-right:20px; height:80px; width:220px;}
		.img{ padding:3px; width:80px;}
		img{border:1px solid #999; padding:3px;}
		.art{display:block; border:1px solid #999; width:800px;}
		
	</style>
</head>

<body>
  <article class="art">
   <div class="h1">
       <h3>摄影社区热门小镇</h3>
   </div>
   <div class="ul">
       
       <ul>
 
      <li>
      <div class="img"><img src="pic/07/02 作业素材/作业3：摄影社区热门小镇/图片素材/pic_01.jpg"/></div>
      <div class="text">风景狙击手<br/>
      成员：80<br/>
      作品：276</div>
      </li>
      <li>
      <div class="img"><img src="pic/07/02 作业素材/作业3：摄影社区热门小镇/图片素材/pic_02.jpg"/></div>
      <div class="text">叙事感<br/>
      成员：235<br/>
      作品：116</div>
      </li>
      <li>
      <div class="img"><img src="pic/07/02 作业素材/作业3：摄影社区热门小镇/图片素材/pic_03.jpg"/></div>
      <div>定焦视界<br/>
      成员：56<br/>
      作品：456</div>
      </li>
      <li>
      <div class="img"><img src="pic/07/02 作业素材/作业3：摄影社区热门小镇/图片素材/pic_04.jpg"/></div>
      <div>中画幅乐园<br/>
      成员：130<br/>
      作品：239</div>
      </li>
      <li>
      <div class="img"><img src="pic/07/02 作业素材/作业3：摄影社区热门小镇/图片素材/pic_05.jpg"/></div>
      <div>《卡啪》先锋...<br/>
      成员：78<br/>
      作品：125</div>
      </li>
      <li>
      <div class="img"><img src="pic/07/02 作业素材/作业3：摄影社区热门小镇/图片素材/pic_06.jpg"/></div>
      <div>植物的无声世界<br/>
      成员：235<br/>
      作品：1258</div>
      </li>
        </ul>
   </div>
 <article>
</body>
</html>
